<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/register/bootstrap.min.css">
    <link rel="stylesheet" href="css/register/main.css">
    <style>
        .containers {
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .tb-modal {
            width: 100%;
            font-size: 14px;
        }

        .tb-modal td {
            width: 180px;
            padding: 10px;
        }

        .tb-modal .td-label {
            text-align: right;
            width: 120px;
        }

        .tb-modal .td-label .label {
            font-size: 14px;
        }

        .alert-danger, .alert-error {
            color: #b94a48;
            background-color: #f2dede;
            border-color: #eed3d7;
        }

        .idcardTwo {
            display: none;
        }

    </style>
</head>
<body>
<div class="container containers">
    <div class="box box-form">
        <div class="form-tag clearfix">
            <h2>用户注册</h2>
        </div>
        <div class="form-step">
        </div>
        <div class="form-content">

            <form action="/doregister" method="post" id="ff">
                <div class="form-group">
                    <label class="control-label">E-Mail</label>
                    <div class="controls">
                        <input type="text" placeholder="" class="form-control" name="email" id="EMail" datatype="e"
                               errormsg="邮件格式错误！" ajaxurl="/Account/ValidUnique">
                        <div class="info"><span class="Validform_checktip">邮件格式错误！</span><span class="dec"><s
                                class="dec1">◆</s><s class="dec2">◆</s></span></div>
                    </div>
                </div>
                <div class="form-group">
                    <label class="control-label">证件类型</label>
                    <div class="controls">
                        <select name="idType" class="form-control" id="idcardType">

                            <option value="0">居民身份证</option>
                            <option value="1">港澳居民来往内地通行证</option>
                            <option value="2">台湾居民来往大陆通行证</option>
                            <option value="3">外国人永久居留身份证</option>
                            <option value="4">护照</option>
                            <option value="5">其他类型</option>

                        </select>
                    </div>
                </div>
                <div class="form-group">
                    <label class="control-label">证件号码</label>
                    <div class="controls">

                        <input type="text" placeholder="身份证号、护照号等" class="form-control" name="userIdcard" id="IDCard"
                               datatype="*" errormsg="身份证号格式错误！" ajaxurl="/Account/ValidUnique?type=0">
                        <div class="info"><span class="Validform_checktip">证件号码格式错误！</span><span class="dec"><s
                                class="dec1">◆</s><s class="dec2">◆</s></span></div>
                    </div>
                </div>
                <!--div class="form-group idcardTwo">
                    <label class="control-label">出生年月</label>
                    <div class="controls">
                        <input type="text" placeholder="请选择出生年月" class="form-control" name="Birthday" id="Birthday"
                               ignore="ignore" onclick="WdatePicker()" datatype="*" errormsg="请选择出生年月！">
                        <div class="info"><span class="Validform_checktip">请选择出生年月！</span><span class="dec"><s
                                class="dec1">◆</s><s class="dec2">◆</s></span></div>
                    </div>
                </div>
                <div class="form-group idcardTwo">
                    <label class="control-label">性别</label>
                    <div class="controls">
                        <select class="form-control" name="Sex" id="Sex" ignore="ignore" datatype="*" errormsg="请选择性别！">
                            <option value="" selected="">请选择性别</option>
                            <option value="男">男</option>
                            <option value="女">女</option>
                        </select>
                        <div class="info"><span class="Validform_checktip">请选择性别！</span><span class="dec"><s
                                class="dec1">◆</s><s class="dec2">◆</s></span></div>
                    </div>
                </div-->

                <div class="form-group">
                    <label class="control-label">姓名</label>
                    <div class="controls">
                        <input type="text" placeholder="" class="form-control" name="userName" id="UserName"
                               datatype="*" errormsg="姓名格式错误！">
                        <a href="javascript:;" style="float:right;" id="spz-id">生僻字</a>
                        <div class="info"><span class="Validform_checktip">姓名格式错误！</span><span class="dec"><s
                                class="dec1">◆</s><s class="dec2">◆</s></span></div>
                    </div>
                </div>
                <div class="form-group">
                    <label class="control-label">密码</label>
                    <div class="controls">
                        <input type="text" placeholder="6-12位的字母或数字" class="form-control" onfocus="this.type='password'"
                               name="password" id="Password" autocomplete="off" datatype="*" errormsg="密码格式错误！">
                        <div class="info"><span class="Validform_checktip">密码格式错误！</span><span class="dec"><s
                                class="dec1">◆</s><s class="dec2">◆</s></span></div>
                    </div>
                </div>
                <div class="form-group">
                    <label class="control-label">确认密码</label>
                    <div class="controls">
                        <input type="text" placeholder="" class="form-control" name="passwordConfirm"
                               id="password_confirm" onfocus="this.type='password'" autocomplete="off"
                               recheck="password" datatype="*" errormsg="您两次输入的密码不一致！">
                        <div class="info"><span class="Validform_checktip">您两次输入的密码不一致！</span><span class="dec"><s
                                class="dec1">◆</s><s class="dec2">◆</s></span></div>
                    </div>
                </div>
                <div class="form-group">
                    <label class="control-label">选择安全问题</label>
                    <div class="controls">
                        <select name="securityQuestion" class="form-control" id="sel-question" datatype="*"
                                errormsg="请选择安全问题！">
                            <option value="">请选择密保问题</option>
                            <option value="4">您母亲的姓名是？</option>
                            <option value="8">您配偶的生日是？</option>
                            <option value="13">您的学号（或工号）是？</option>
                            <option value="5">您母亲的生日是？</option>
                            <option value="12">您高中班主任的名字是？</option>
                            <option value="1">您父亲的姓名是？</option>
                            <option value="10">您小学班主任的名字是？</option>
                            <option value="2">您父亲的生日是？</option>
                            <option value="7">您配偶的姓名是？</option>
                            <option value="11">您初中班主任的名字是？</option>
                            <option value="16">您最熟悉的童年好友名字是？</option>
                            <option value="17">您最熟悉的学校宿舍室友名字是？</option>
                            <option value="18">对您影响最大的人名字是？</option>
                            <option value="0">自定义安全问题</option>
                        </select>
                        <!--div class="info"><span class="Validform_checktip">请选择安全问题！</span><span class="dec"><s
                                class="dec1">◆</s><s class="dec2">◆</s></span></div-->
                    </div>
                </div>
                <!--div class="form-group" id="row-question" style="display:none;">
                    <label class="control-label">我的安全问题</label>
                    <div class="controls">
                        <input name="securityQuestion" type="text" placeholder="用于找回密码" class="form-control"
                               id="Question" ignore="ignore" datatype="*" errormsg="安全问题格式错误！">
                        <div class="info"><span class="Validform_checktip">安全问题格式错误！</span><span class="dec"><s
                                class="dec1">◆</s><s class="dec2">◆</s></span></div>
                    </div>
                </div-->
                <div class="form-group">
                    <label class="control-label">安全答案</label>
                    <div class="controls">
                        <input name="securityAnswer" type="text" placeholder="" class="form-control" id="Answer"
                               datatype="*" errormsg="安全答案格式错误！">
                        <div class="info"><span class="Validform_checktip">安全答案格式错误！</span><span class="dec"><s
                                class="dec1">◆</s><s class="dec2">◆</s></span></div>
                    </div>
                </div>
                <div class="form-group">
                    <label class="control-label">手机号码</label>
                    <div class="controls">
                        <div class="input-group">
                            <input name="phone" type="text" placeholder="" class="form-control" id="Phone">
                            <div class="input-group-addon" style="padding:0;background:none;">
                                <button type="button" id="btn-code" class="btn btn-default"
                                        style="width:170px;border:none;">点击获取验证码
                                </button>
                            </div>
                        </div>

                    </div>
                </div>
                <div class="form-group">
                    <label class="control-label">验证码</label>
                    <div class="controls">
                        <input name="securityCode" value="默认123" type="text" placeholder="" class="form-control" id="Code"
                               errormsg="验证码格式错误！" datatype="/^\d{4}$/">
                        <div class="info"><span class="Validform_checktip">手机验证码格式错误！</span><span class="dec"><s
                                class="dec1">◆</s><s class="dec2">◆</s></span></div>
                    </div>
                </div>
                <div class="form-group">
                    <div class="controls clearfix">
                        <a href="/tologin" class="btn btn-default"
                           style="color:#333;cursor:pointer;text-decoration:none;">返回登录</a>
                        <button type="submit" class="btn btn-primary pull-right" id="btn-showModal">
                            注册</button>
                    </div>
                </div>

            </form>
        </div>
    </div>
</div>
<script src="js/register/jquery-1.11.3.min.js"></script>
<script src="js/register/bootstrap.min.js"></script>
<script src="js/register/common.js"></script>
</body>
</html>
